import {Dimensions} from "react-native";
import {ptd} from "../utils/styleUtil";
const {width, height} = Dimensions.get("window");

export const COLORS = {
    // base colors
    primary: "#F96D41",
    secondary: "#25282F",

    // colors
    black: "#1E1B26",
    white: "#FFFFFF",
    lightGray: "#64676D",
    lightGray2: "#EFEFF0",
    lightGray3: "#D4D5D6",
    lightGray4: "#7D7E84",
    gray: "#2D3038",
    gray1: "#282C35",
    darkRed: "#31262F",
    lightRed: "#C5505E",
    darkBlue: "#22273B",
    lightBlue: "#424BAF",
    darkGreen: "#213432",
    lightGreen: "#31Ad66",
};

export const SIZES = {
    // app dimensions
    width,
    height,
    // SPACE
    SPACE_S: ptd(15),
    SPACE_M: ptd(20),
    SPACE_L: ptd(25),
    SPACE_XL: ptd(30),
};

const appTheme = {COLORS, SIZES};

export default appTheme;
